/*Syed Noman Ali*/
body .container { max-width: 90%; }
header { z-index: 999; position: relative; padding:15px 0; }
.banner-bg { margin-top: -137px; }
body a:hover { color:#004964; text-decoration: none !important; }
body .btn-primary:not(:disabled):not(.disabled).active:focus, body .btn-primary:not(:disabled):not(.disabled):active:focus, body .show>.btn-primary.dropdown-toggle:focus {
border-color: #0b1b43;
box-shadow: none;
}
body .btn.focus, body .btn:focus{ box-shadow: none; }
/* ====== Ahsan ====== */
body {
font-family: "Poppins", sans-serif;
font-family: "Rubik", sans-serif;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
}
p {
color: #8e8e8e;
}
h1 {
font-size: 72px;
}
h2 {
font-size: 40px;
font-weight: 700;
text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.3;
}
.fixed-top {
position: fixed !important;
}
body {
font-family: "Montserrat", sans-serif;
overflow-x: hidden;
}
.fixed-top {
position: fixed !important;
}
.nav-Center {
display: flex;
justify-content: center;
}
.nav {
background-color: black !important;
color: #fff;
}
.dropdown-menu {
background-color: black !important;
color: #fff;
}
.dropdown-item {
background-color: black !important;
color: #fff;
}
.dropdown-item:hover {
background-color: #009fe9 !important;
color: #fff;
}
.navbar-custom {
/* background-color: black !important; */
color: rgb(2, 2, 2);
background-color: transparent !important;
}
header .navbar-nav .nav-link {
color: rgb(5, 5, 5);
margin-right: 15px;
font-family: Poppins;
font-size: 15px;
font-weight: 500;
}
header .navbar-nav .nav-link.active {
font-weight: 600;
}
header .navbar-nav .nav-link.btn {
border: 2px solid #0b1b43;
border-radius: 0;
}
header .navbar-nav li:last-child>.nav-link {
margin-right: 0;
}
header .navbar-nav .nav-link.btn:hover {
background: #0b1b43;
color: #fff;
}
header .navbar-nav .nav-link:not(.btn) {
margin-top: 5px;
}
.navbar ul {
margin-left: 85px;
}
.navbar-brand {
text-align: center;
}
.brandLogo {
width: 80%;
}
nav ul li {
color: #fff;
}
header .navbar-nav .nav-link.Login-btn {
margin-left: 8vh;
margin-right: 3vh;
background-color: #fff;
padding: 7px 30px;
}
header .navbar-nav .nav-link.GetStarted-Navbtn {
background-color: #0b1b43;
color: #fff;
padding: 7px 19px;
}
.banner-bg h1 {
font-family: "Rubik";
font-size: 79px;
font-weight: 400;
color: #0b1b43;
}
.banner-bg h2 {
font-family: "Poppins";
font-size: 20px;
font-weight: 600;
color: #0b1b43;
text-transform: capitalize;
}
.banner-bg p {
font-size: 23.5px;
color: #000000;
}
.banner-bg .GetStarted-btn {
border: 1px solid #0b1b43;
font-family: "Poppins";
font-size: 20px;
background-color: #0b1b43;
color: #fff !important;
border-radius: 30px;
margin-bottom: 50px;
overflow: hidden;
position: relative;
transition: all 1s;
padding: 11px 30px;
margin-top: 15px;
}
.banner-bg .GetStarted-btn:hover {
transform: scale(1.1);
}
.banner-bg .para {
font-size: 20px;
color: #0b1b43;
margin-bottom: 10px;
line-height: 1.2;
}
.about .doc-img {
position: absolute;
bottom: -23vh !important;
right: 0;
transform: scale(0.9) !important;
} 
.banner-bg .doc-img {
position: absolute;
bottom: -14vh;
right:0;
transform: scale(1);
}
.contact .doc-img {
position: absolute;
bottom: -22vh;
right: 0vh;
transform: scale(0.9);
}
.banner-bg.how-its-work-banner .doc-img { transform: scale(1.2); bottom: -14vh; right: -80px; }
.socialmedia {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
right: 5%;
z-index: 9;
bottom: 19vh;
}
.socialmedia>a {
background-color: #fff;
width: 40px;
height: 40px;
border-radius: 17px;
display: flex;
justify-content: center;
align-items: center;
margin-left: 5px;
margin-right: 8px;
color: #004964;
font-size: 22px;
transition: .5s;
}
.socialmedia>a:hover {
background: #a18616;
color: #fff;
transition: .5s;
}
.svg-wrapper::after {
content: "";
background-image: url('../img/wave.svg');
background-size: cover;
position: absolute;
left: 0;
top: 533px;
width: 100%;
height: 66%;
background-repeat: no-repeat;
}
/* ==== low cost section === */
.lowCost-sec h1 {
font-family: "Rubik";
font-size: 45px;
font-weight: 400;
color: #000000;
max-width: 60%;
margin: 0 auto;
}
.lowCost-sec .title {
font-family: "Rubik";
font-size: 45px;
font-weight: 400;
color: #debf47;
}
.lowcost-title-box {
margin-top: 60px;
text-align: center;
margin-bottom: 20px;
}
.lowCost-sec .custom-card {
background-color: #0b1b43;
color: #fff;
max-width: 95%;
margin: 40px auto;
border-radius: 20px 140px 20px 140px;
padding: 40px 8vh 0;
height: 54vh;
}
.lowCost-sec .custom-card h2 {
text-align: center;
color: #fff;
font-family: "Rubik";
font-weight: 400;
font-size: 30.5px;
margin-bottom: 24px;
line-height: 1.2;
}
.lowCost-sec .custom-card ul>li {
list-style-type: none;
font-weight: 600;
font-size: 22px;
line-height: 1.4;
margin-bottom: 35px;
width: 94%;
position:relative;
}
.lowCost-sec .custom-card ul>li:before {
content: "";
background-image: url(../img/check.png);
background-size: cover;
position: absolute;
width: 19px;
height: 18px;
left: -44px;
top: 10px;
}
/* ====onlinShipped-sec==== */
.onlinShipped-sec {
background-image: url("../img/Mask\ Group\ 13.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: right;
padding:0 4vh;
}
.onlinShipped-sec h1 {
font-family: "Rubik";
font-size: 33px;
color: #a0851c;
font-weight: bold;
text-align: center;
}
.onlinShipped-sec .sec-title {
padding-top: 50px;
}
.onlinShipped-sec h2 {
font-family: "Rubik";
font-size: 18px;
color: #0b1b43;
margin-top: 9px;
margin-bottom: 20px;
padding-top: 8px;
}
.onlinShipped-sec p {
font-size: 17px;
color: #000000;
max-width: 80%;
line-height: 1.2;
}
.onlinShipped-sec .alignment-cont {
margin-bottom: 45px;
margin-top: 20px;
}
.onlinShipped-sec .card-hover {
height: 380px;
transition: 1.5s;
padding: 0 0 0 6vh;
display: table-cell;
vertical-align: middle;
}
.onlinShipped-sec .card-hover:hover {
background-image: url(../img/card_hover.png);
background-size: 100% 100%;
color: #fff;
background-repeat: no-repeat;
transition: 1.5s;
}
.onlinShipped-sec .card-hover:hover img {
filter: invert(1);
}
.onlinShipped-sec .card-hover:hover p,
.onlinShipped-sec .card-hover:hover h2 {
color: #fff;
}
/* Footer */
.footer {
background-color: #0b1b43;
color: #fff;
padding-bottom: 10px;
padding-top: 55px;
}
.footer .footer-logo {
padding: 30px;
}
.footer h5 {
font-family: "Poppins";
font-size: 21px;
color: #fff;
}
.footer ul li a {
color: #fff !important;
font-size: 16px;
line-height: 35px;
font-family: "Poppins";
text-decoration: none;
}
.footer ul li {
list-style: none;
}
.copy-right a,
p {
color: #fff;
font-size: 14px;
font-family: "Poppins";
text-decoration: none;
}
.bottom-footer a {
margin-right: 15px;
}
.footer .footer-bottom {
/*margin-top: 45px;*/
}
.footer .form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 1.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: transparent;
background-clip: padding-box;
border: 2px solid #fff;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.footer .subscribe-btn {
border: 2px solid #fff;
background-color: transparent;
font-family: "Poppins";
font-size: 15px;
color: #fff;
/* margin-right: 23px; */
border-radius: 0;
margin-top: 24px;
margin-left: 5px;
}
.copy-right img {
/*margin-bottom: 40px;*/
}

.copy-right.pt-5 {
    padding-top: 0 !important;
}
.bottom-footer {
float: right;
}
/* ====== Ahsan ====== */
/* 
/ ====== SM CSS Pills Sec ===== / */
#pills_sec {
background-image: url('../img/Mask\ Group 8.png');
background-size: cover;
padding-top: 80px;
padding-bottom: 96px;
}
.pills-text {
color: white;
font-size: 21px;
}
.pills-swiper .card {
border-top-left-radius: 20px;
border-bottom-left-radius: 105px;
border-top-right-radius: 115px;
border-bottom-right-radius: 20px;
margin: 0 auto;
width: 20rem;
}
.pills-swiper img {
border-top-left-radius: 20px;
}
.btn-pills {
background-color: #0b1b43;
color: white;
border-radius: 20px;
transition: all 1s;
}
.Pills-card {
text-align: center;
}
.pills-swiper {
margin-top: 80px;
}
#pills_sec .swiper-button-next {
right: -50px;
color: white;
font-size: 35px;
}
#pills_sec .swiper-button-prev {
left: -50px;
color: white;
font-size: 35px;
}
#erec-dys {
padding-top: 90px;
padding-bottom: 80px;
}
#erec-dys h2 {
color: #a0851c;
margin-bottom: 40px;
font-size: 60px;
font-weight: bold;
line-height: 1.2;
font-family: "Rubik";
}
.erec-text {
width: 65%;
margin: 0 auto;
}
.erec-text p {
color: #0b1b43;
font-size: 18px;
margin-bottom: 30px;
font-weight: 700;
}
#medical_consult {
background-image: url('../img/Mask Group 10.png');
background-repeat: no-repeat;
background-size: contain;
padding-top: 140px;
background-color: #a0851c;
position: relative;
padding-bottom: 40px;
display: flex;
align-items: center;
width:101%;
}
#medical_consult>.container>.row {
align-items: center;
}
#medical_consult img {
position: relative;
right: 37vh;
}
#vendor-sec-3>svg {
position: absolute;
top: 0px;
}
#medical_consult p {
color: white;
max-width: 65%;
margin-bottom: 30px;
}
#medical_consult h2 {
font-size: 45px;
color: white;
margin-bottom: 30px;
text-transform: capitalize;
font-family: "Rubik";
font-weight: bold;
line-height: 1.2;
}
#medical_consult .btn-consult {
color: black;
padding-left: 30px;
padding-right: 30px;
background: #fff;
border-radius: 0;
text-transform: uppercase;
font-weight: 500;
padding: 16px 50px;
font-size: 18px;
}
.medical-img {
position: unset;
margin-top: -60px;
}
.pills-swiper h5 {
color: #0b1b43;
}
#pills_sec .btn-pills {
background: #0b1b43;
color: #fff;
border-radius: 50px;
text-transform: uppercase;
font-weight: 500;
padding: 7px 12px 8px;
transition: .5s;
font-size: 13px;
}
#pills_sec .btn-pills:hover {
transform: scale(1.1);
transition: .5s;
}
#pills_sec .swiper-button-next:after,
.swiper-button-prev:after {
display: none;
}
.panel-group .panel {
border-radius: 0;
box-shadow: none;
border-color: #eeeeee;
}
.panel-default > .panel-heading {
padding: 0;
border-radius: 0;
color: #212121;
border-color: #eeeeee;
}
.panel-title {
font-size: 14px;
}
.panel-title > a {
display: block;
padding: 15px 15px 15px 0;
text-decoration: none;
}
#accordion a[aria-expanded="true"] {
font-weight: 600;
}
.more-less {
float: right;
color: #212121;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #eeeeee;
padding-bottom:30px;
}
#vendor-sec-3 #accordion {
padding-top: 50px;
}
#accordion .panel-heading {
margin-bottom: 20px;
border-bottom-style: groove;
}
#accordion a {
color: black;
font-size: 18px;
}
#accordion a > i {
float: right;
}
#accordion a:hover {
text-decoration: none;
}
#vendor-sec-3 h1 {
font-size: 35px;
font-weight: 700;
}
#vendor-sec-3 {
padding-top: 220px;
padding-bottom: 50px;
background-image: url('../img/accordian_bg.jpg');
background-attachment: fixed;
background-size: cover;
position: relative;
}
.pills-swiper .card-text {
color: #9f9f9f;
}
.md-svg {
margin-top: -1%;
}
.btn-pills:hover {
color: #fff;
}
.footer_logo img {
margin-left: -70px;
margin-top: 20px;
}
.custom-input input::placeholder {
color: #fff;
}
/* Animatiion */
/*.GetStarted-btn:before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  z-index: 1;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  background: linear-gradient(to right,#E1B77E 0%,#D3A36F 100%);*/
/*  -webkit-transform: scaleX(0);*/
/*  transform: scaleX(0);*/
/*  -webkit-transform-origin: 0 50%;*/
/*  transform-origin: 0 50%;*/
/*  -webkit-transition-property: transform;*/
/*  transition-property: transform;*/
/*  -webkit-transition-duration: .3s;*/
/*  transition-duration: .3s;*/
/*  -webkit-transition-timing-function: ease-out;*/
/*  transition-timing-function: ease-out;*/
/*}*/
/*.GetStarted-btn:hover:before {*/
/*  -webkit-transform: scaleX(1);*/
/*  transform: scaleX(1);*/
/*}*/
/* Animation */
/* Wk css start */
.home_banner {
background-image: url("../img/13123.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.about {
background-image: url("../img/13123.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.our-medication {
background-image: url("../img/our_medication_banner.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.how-its-work-banner {
background-image: url("../img/how-its-work-banner.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.contact {
background-image: url("../img/contact-banner.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
}
.banner-content {
margin-top: 260px;
width:64%;
}
.banner-content>.btn {
display: inline-block;
}
body header>.container-fluid {
max-width: 92%;
}
nav.navbar {
margin-top: -10px;
}
.header-bg::after {
content: "";
background-image: url('http://demotestingserver.com/demo/carlos/img/wave.svg');
background-size: cover;
position: absolute;
left: 0;
width: 100%;
height: 591px;
background-repeat: no-repeat;
bottom: -7.4vh;
}
.header-bg {
position: relative;
height:100vh;
}
.heading_work_heading h1 {
font-weight: bold;
font-family: "Rubik";
font-size: 40px;
}
.heading_work_heading h1 span {
color: #a0851c;
margin-left: 15px;
}
.heading_work_heading p {
color: #808080;
margin-top: 30px;
font-family: "Poppins";
font-weight: 400;
line-height: 1.5;
}
.how_its_work_sec .custom_card {
/*background-image: url(../img/work_3.png);*/
background-size: 100% 100%;
background-repeat: no-repeat;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
box-shadow: 0 3px 56px #00000045;
border-radius: 30px;
transition: 1s;
height: 571px; 
position: relative;
top: -35px;
}
.how_its_work_sec .cards_row>div:nth-child(2) .custom_card {
top: 50px;
/*background-image: url(../img/work_1.png);*/
}
.how_its_work_sec .cards_row>div:nth-child(3) .custom_card {
top: 120px;
/*background-image: url(../img/work_2.png);*/
}
.how_its_work_sec .custom_card p,
.card_two p,
.card_three p {
color: #808080;
font-family: "Poppins";
font-size: 15px;
}
.custom_card h3,
.card_two h3,
.card_three h3 {
color: #3d3d3d;
font-size: 24px;
font-weight: 600;
}
.custom_card:hover,
.card_two:hover,
.card_three:hover {
transform: scale(1.1);
}
.how_it_work_row {
position: relative;
bottom: -30px;
}
.how_its_work_sec {
padding-bottom: 60px;
}
.how_its_work_sec>.container, #pills_sec>.container,
#medical_consult>.container, #vendor-sec-3>.container, .footer>.container {
max-width: 65%;
}
.button-getstarted {
text-align: center;
}
body .btn-getstarted {
background-color: #a0851c;
color: #fff;
padding: 10px 30px;
font-size: 20px;
border-radius: 30px;
margin-top: 80px;
transition: all 1s;
display:inline-block;
}
body .btn-getstarted:hover {
transform: scale(1.1);
}
.last-col h5 {
padding-left: 0;
}
.last-col ul {
padding-left: 0;
}
.custom-card:hover {
background-color: #a0851c;
}
/*Our-medication Start*/
.tablet-sec {
/*background-image: url(../img/our_medication.png);*/
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 70px 310px;
}
.tablet-sec .tablet-table {
margin-top: 45px;
max-width: 30%;
float: left;
width: 100%;
margin-left: 25%;
position: relative;
}
.tablet-sec .tablet_heading h2 {
color: #fff;
font-family: "Rubik";
font-size: 35px;
text-align: center;
font-weight: 600;
}
.tablet-sec .tablet-table .table {
width: 88%;
border-radius: 1em;
overflow: hidden;
box-shadow: inset 0 0 0 3px #fff;
margin-left: auto;
margin-right: 1px;
}
.tablet-sec .tablet-table tbody {
text-align: center;
}
.tablet-sec .tablet-table tbody tr td {
color: #fff;
border: 2px solid #fff;
font-family: "Poppins";
font-weight: 600;
vertical-align: middle;
font-size:12px;
}
.tablet-sec .common_use {
display: block;
font-family: "Poppins";
font-size: 12px;
}
.tablet-sec .container > .row {
background-image: url(../img/banner_left.png);
background-size: 100% 108%;
background-repeat: no-repeat;
background-position: center;
padding: 110px 0;
}
.tablet-sec .generic_chalis_content {
float: right;
max-width: 45%;
margin-top: 70px;
}
.tablet-sec .tablet_heading {
margin-top: 8%;
margin-left: 80px;
}
.tablet-sec .generic_chalis_content p {
max-width: 86%;
text-align: left;
font-size: 13px;
margin-left:32px;
}
.tablet-sec .tablet_heading .sub_heading {
font-family: "Rubik";
font-size: 22px;
font-weight: 400;
margin-left: 27px;
}
.tablet-sec .getstarted {
background-color: #a0851c;
color: #fff;
padding: 7px 20px;
font-size: 14px;
border-radius: 30px;
transition: all 1s;
text-transform: uppercase;
text-decoration:none;
font-family: 'Rubik';
margin-left:30px;
}
.tablet-sec .getstarted:hover{
transform: scale(1.1);
}
.tablet-sec .button-getstarted {
text-align: left;
margin-top: 24px;
}
.tablet-sec .tablet-table:before{
content: "";
background-size: 100% 100% !important;
width: 418px;
height: 796px;
display: block;
position: absolute;
left: -430px;
top: -332px;
transform: scale(0.7);
transition: 1s;
}

.tablet-sec .tablet-table:hover:before {
transform: scale(0.9) !important;
}
.tablet-sec-two {
background-image: url(../img/our_medication.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 70px 310px 70px 213px;
}
.tablet-sec-two .tablet-table {
margin-top: 45px;
max-width: 39%;
float: right;
width: 100%;
margin-right: 16%;
position: relative;
margin-left: 0px;
}
.tablet-sec-two .tablet_heading h2 {
color: #fff;
font-family: "Rubik";
font-size: 35px;
text-align: center;
}
.tablet-sec-two .tablet-table .table {
width: 70%;
border-radius: 1em;
overflow: hidden;
box-shadow: inset 0 0 0 3px #fff
}
.tablet-sec-two .tablet-table tbody {
text-align: center;
}
.tablet-sec-two .tablet-table tbody tr td {
color: #fff;
border: 2px solid #fff;
font-family: "Poppins";
font-weight: 600;
vertical-align: middle;
}
.tablet-sec-two .common_use {
display: block;
font-family: "Poppins";
font-size: 12px;
}
.tablet-sec-two .container > .row {
background-image: url(../img/banner-right-new.png);
background-size: 100% 108%;
background-repeat: no-repeat;
background-position: center;
padding: 64px 0;
height:600px;
}
.tablet-sec-two .generic_chalis_content {
float: left;
max-width: 41%;
margin-top: 70px;
margin-left: 39px;
}
.tablet-sec-two .tablet_heading {
margin-top: 12%;
}
.tablet-sec-two .generic_chalis_content p {
max-width: 86%;
text-align: right;
font-size: 14px;
margin-left: auto;
margin-right: 19px;
}
.tablet-sec-two .tablet_heading .sub_heading {
font-family: "Rubik";
font-size: 22px;
font-weight: 400;
margin-right: 20px;
}
.tablet-sec-two .getstarted {
background-color: #0b1b43;
color: #fff;
padding: 7px 20px;
font-size: 14px;
border-radius: 30px;
transition: all 1s;
text-transform: uppercase;
text-decoration:none;
font-family: 'Rubik';
}
.tablet-sec-two .getstarted:hover{
transform: scale(1.1);
}
.tablet-sec-two .button-getstarted {
text-align: right;
margin-top: 24px;
margin-right: 30px;
}
.tablet-sec-two .tablet-table:after {
content: "";
background-size: 100% 100% !important;
width: 418px;
height: 796px;
display: block;
position: absolute;
right: -314px;
transform: scale(0.7);
top: -346px;
transition:1s;
}

.tablet-bottle-brown .tablet-table:after{
background: url(../img/Brown_Medi4.png);
background-repeat: no-repeat;
}
.tablet-bottle-brown .tablet-table:before{
background: url(../img/Brown_Medi3.png);
background-repeat: no-repeat;
}
.tablet-bottle .tablet-table:after {
background: url(../img/Blue_Medi2.png);
background-repeat:no-repeat;
}
.tablet-sec-two .tablet-table:hover:after {
transform: scale(0.9);
}
.our-medication #vendor-sec-3 svg.md-svg {
display: none !important;
}
.banner-bg span {
display: block;
color: #a0851c;
font-size: 20px;
font-weight: bold;
font-family: "Poppins";
width: 66%;
margin: 11px auto;
}
/*Our Medication End*/
/* Wk css end */
/* form Css */
#form-header {
display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0b1b43;
    max-width: 93%;
    margin: auto;
    margin-top: 4%;
    height: 18vh;
}
.agreement {
background-color: #fff;
border: 2px solid #a0851c;
color: #000;
padding: 15px 15px 0;
margin-top: 15px;
height: 125px;
overflow-y: scroll;
overflow-x: hidden;
font-size: 13px;
margin-bottom: 20px;
}
.form-heading {
margin-top: 5%;
text-align: center;
font-family: "Rubik";
color: #a0851c;
margin-bottom: 30px;
}
#msform h4 {
margin-top: 5%;
text-align: center;
font-family: "Rubik";
font-size: 24px;
margin-bottom: 20px;
color: #a0851c;
}
#msform {
text-align: center;
position: relative;
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
max-width: 80%;
margin: auto;
padding-bottom: 40%;
position: relative;
}
.form-card {
text-align: left;
}
#msform fieldset:not(:first-of-type) {
display: none;
}
#msform input,
#msform textarea {
padding: 8px 15px 8px 15px;
border: 1px solid #ccc;
border-radius: 0px;
margin-bottom: 25px;
margin-top: 2px;
width: 100%;
box-sizing: border-box;
color: #2c3e50;
background-color: #fff;
font-size: 16px;
letter-spacing: 1px;
}
#msform textarea {
resize: none;
min-height: 200px;
}
#msform input:focus,
#msform textarea:focus {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid #673ab7;
outline-width: 0;
}
#msform .action-button {
width: 30%;
background: #0b1b43;
color: white;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 0px 10px 5px;
float: right;
font-size: 20px;
border: 1px solid #0b1b43;
margin: 10px 0px 80px 5px;
/*position: absolute;*/
right: 68px;
}
#msform .action-button:hover,
#msform .action-button:focus {
background-color: #0b1b43;
}
#msform .action-button-previous {
width: 30%;
background: #fff;
color: #0b1b43;
border: 1px solid #0b1b43;
border-radius: 0px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 0px 80px 5px;
float: left;
font-size: 20px;
/*position: absolute;*/
left: 68px;
}
#msform .custom-radio {
margin-bottom: 40px !important;
max-width: 80%;
margin: auto;
}
.card {
z-index: 0;
border: none;
position: relative;
}
.label-text {
font-size: 19px;
margin-bottom: 30px !important;
font-weight: 600;
text-align: left;
color: #000;
max-width: 80%;
margin: auto;
}
.inner-label {
font-weight: 600;
font-style: italic;
margin-bottom: 15px;
}
.description {
font-weight: 500;
margin-bottom: 20px;
max-width: 80%;
margin: auto;
}
.required {
color: red;
}
.form-terms-and-condition {
font-size: 18px;
margin-bottom: 24px;
}
#msform .custom-control-label {
font-weight: 500;
}
#msform .custom-select {
margin-bottom: 20px;
max-width: 400px;
border-radius: 6px;
border: 2px solid #a0851c;
color: #a0851c;
font-weight: 500;
padding: 6px 28px 6px 18px;
height: 45px;
}
.steps {
font-size: 19px;
color: #0b1b43;
margin-bottom: 10px;
font-weight: 500;
text-align: center;
position: absolute;
    left: -212px;
    top: -100px;
    transform: translateX(-50%);
    text-transform: initial;
}
.fieldlabels {
color: gray;
text-align: left;
}
#progressbar {
margin-bottom: 30px;
overflow: hidden;
color: lightgrey;
}
#progressbar .active {
color: #673ab7;
}
#progressbar li {
list-style-type: none;
font-size: 15px;
width: 25%;
float: left;
position: relative;
font-weight: 400;
}
#progressbar #account:before {
font-family: FontAwesome;
content: "\f13e";
}
#progressbar #personal:before {
font-family: FontAwesome;
content: "\f007";
}
#progressbar #payment:before {
font-family: FontAwesome;
content: "\f030";
}
#progressbar #confirm:before {
font-family: FontAwesome;
content: "\f00c";
}
#progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 20px;
color: #ffffff;
background: lightgray;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px;
}
#progressbar li:after {
content: "";
width: 100%;
height: 2px;
background: lightgray;
position: absolute;
left: 0;
top: 25px;
z-index: -1;
}
#progressbar li.active:before,
#progressbar li.active:after {
background: #0b1b43;
}
.progress {
height: 20px;
margin-top: 35px !important;
margin-bottom: 50px !important;
background-color: #fff;
box-shadow: 0 0 10px #00000012;
width: 80%;
margin: auto;
}
.progress-bar {
background-color: #a0851c;
}
.fit-image {
width: 100%;
object-fit: cover;
}
#msform .form-group input[type="email"],
#msform .form-group input[type="text"] {
margin-bottom: 20px;
border-radius: 6px;
border: 2px solid #a0851c;
color: #a0851c;
font-weight: 500;
padding: 6px 28px 6px 18px;
height: 45px;
background: #fff;
max-width: 50%;
margin: auto;
}
.again_label {
max-width: 50%;
}
/* RADIO BUTTONS */
.radio-toolbar {
margin: 30px 0 20px;
margin-left: 0;
display: flex;
justify-content: space-between;
}
.radio-toolbar input[type="radio"] {
opacity: 0;
position: fixed;
width: 0;
}
.radio-toolbar label {
display: inline-block;
background-color: #fff;
padding: 10px 40px;
font-family: sans-serif, Arial;
font-size: 18px;
border: 1px solid #dde0e6;
border-radius: 4px;
width: 100%;
}
.radio-toolbar label:hover {
background-color: #a0851c;
color: #fff;
}
.radio-toolbar input[type="radio"]:focus + label {
border: 2px dashed #444;
}
.radio-toolbar input[type="radio"]:checked + label {
background-color: #a0851c;
color: #fff;
border: 1px solid #a0851c;
}
.radio-toolbar .no {
width: 45%;
}
.radio-toolbar .yes {
width: 45%;
}
.form-footer {
background: #0b1b43;
padding-top: 20px;
}
.form-footer p {
font-size: 15px;
color: #fff;
margin-bottom: 40px;
}
.approved-image {
margin: 10px 0 30px;
}
.approved-image {
margin: 10px 0 30px;
}
.footer-bottom {
display: flex;
color: #fff;
width: 100%;
justify-content: space-between;
padding-bottom: 20px;
padding: 0 5% 20px 5%;
}
.footer-bottom-links a {
color: #fff;
text-decoration: none;
font-size: 14px;
margin-left: 20px;
}
.footer-bottom .column:nth-child(2) {
width: 28%;
}
.footer-bottom .column:nth-child(1) {
width: 28%;
}
.footer-bottom .column:nth-child(3) {
width: 28%;
}
.live-chat {
position: fixed;
right: 5%;
display: flex;
bottom: 25%;
}
.inner-label {
margin-left: 10%;
}
.live-chat a {
width: 50px;
height: 40px;
margin-left: 20px;
display: inline;
}
.live-chat a img {
width: 100%;
}
.custom-select {
margin-left: 10%;
}
.form-terms-and-condition {
margin-left: 10%;
}
.custom-control.custom-checkbox {
margin-left: 10%;
}
.agreement {
margin-left: 10%;
}
.bttn-address {
right: 175px !important;
}
.bttn-address-two {
left: 175px !important;
}
.first-name-txt {
margin-top: 7%;
}
.first-name-txt-rept {
margin-top: 5%;
}
.blood-pressure-txt {
max-width: 50%;
line-height: 1.7;
margin-top: 5%;
}
#above-input-txt {
max-width: 80% !important;
}
.kidney-txt {
text-align: center !important;
max-width: 100% !important;
margin-top: 5%;
}
.yes-above-txt {
text-align: left;
margin-left: -50%;
}
.attachment-txt {
max-width: 100%;
text-align: center;
}
.very-first-bttn {
right: 0 !important;
}
.let-us-para-txt {
margin-top: 0 !important;
}
.upload-groups {
display: flex;
justify-content: space-between;
}
.upload-group1, .upload-group2 {
text-align: center;
width: 40%;
}
.upload-groups label {
padding: 10px;
color: #fff;
height: 200px;
border: 5px solid #A0851C;
border-radius: 10px;
width: 100%;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.upload-group1 label{
background-image: url(../img/img-file1.png);
}
.upload-group2 label{
background-image: url(../img/img-file2.png);
}
.upload-groups label input {
display: none;
}
.upload-group1 {
text-align: center;
}
/* form css */

/*====  F-CSS ==== */
.contact-bg {
background: url(../img/c-bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 100px 0;
}
.contact-bg a {
display: block;
padding-bottom: 8%;
padding-left: 25%;
font-size: 30px;
color: #fff;
text-decoration: none;
font-family: "rubik";
}
.contact-form .col-lg-6 {
max-width: 45%;
margin: 0 auto;
}
.contact-form {
max-width: 85%;
margin: auto;
padding: 5% 0 0;
}
.form-contact h2 {
color: #a0851c;
font-family: "Rubik";
font-size: 40px;
padding-bottom: 25px;
text-transform: capitalize;
}
.form-contact .form-control {
border-radius: 30px;
font-size: 16px;
border: 1px solid #a0851c;
padding: 18px 20px;
resize: none;
height: 55px;
overflow: hidden;
margin-bottom: 35px;
font-family: 'Poppins';
}
.form-contact button {
padding: 8px 50px;
background: #a0851c;
border: 0;
font-family: "Poppins";
font-size: 20px;
color: #fff !important;
border-radius: 30px;
margin-bottom: 50px;
overflow: hidden;
position: relative;
transition: all 1s;
text-transform: uppercase;
}
/*======= HOW IT WORKS ======= */
.how-it-works .container-fluid {
max-width: 88%;
padding-top: 8%;
padding-bottom: 8%;
}
.how-it-works p {
color: #0b1b43;
font-weight: 600;
font-size: 18px;
line-height: 1.7;
padding-top: 2%;
}
.how-it-works h2 {
color: #0b1b43;
font-size: 30px;
font-family: "Rubik";
font-weight: bold;
}
.work-col img {
position: absolute;
left: 175px;
bottom: -366px;
}
.how-it-row1 {
padding-top: 5%;
padding-bottom: 13%;
}
/*=== ROW 2  === */
.how-it-row2 span {
color: #a0851c;
}
.how-it-row2 .col h3 {
font-size: 50px;
font-family: "Rubik";
color: #fff;
}
.how-it-row2 .col p {
max-width: 65%;
margin: 0 auto;
color: #fff;
}
.how-it-row2 {
background: #0b1b43;
padding: 5%;
border: 7px solid #a0851c;
box-shadow: 0 0 5px 4px rgb(0 0 0 / 35%);
position: relative;
border-bottom-left-radius: 150px;
border-top-right-radius: 150px;
}
.how-it-row2:before {
content: "";
position: absolute;
left: -15px;
bottom: -50px;
height: 321px;
width: 422px;
background: url(../img/shape02.png);
background-repeat: no-repeat;
background-size: contain;
transform: rotate(0deg);
}
.how-it-row2:after {
content: "";
position: absolute;
right: -25px;
top: -53px;
height: 321px;
width: 422px;
background: url(../img/shape01.png);
background-repeat: no-repeat;
background-size: contain;
transform: rotate(0deg);
}
.c-deck {
padding-top: 6%;
}
.c-deck h4 {
font-family: rubik;
color: #3d3d3d;
}
.c-deck p {
font-size: 16px;
line-height: 1.9;
color: #808080;
font-weight: 500;
font-family: "Poppins";
}
.card-img1 {
background-image: url(../img/work_3.png);
height: 640px;
}
.card-img2 {
background-image: url(../img/work_1.png);
height: 640px;
}
.card-img3 {
background-image: url(../img/work_2.png);
height: 640px;
}
.c-deck .card {
border-radius: 25px;
background-size: cover;
transition:1s;
}
.c-deck .card:hover {
transform: scale(1.1) !important;
}
.how-btn a {
background-color: #a0851c;
color: #fff;
padding: 10px 30px;
font-size: 20px;
border-radius: 30px;
transition: all 1s;
}
.how-btn a:hover {
transform: scale(1.1);
color:#fff;
}
.how-btn {
margin-top: 6%;
}
.b-img {
background-image: url(../img/layer9.png);
}
.b-img {
background-image: url(../img/layer9.png);
background-size: cover;
height: 650px;
background-repeat: no-repeat;
width: 100%;
background-position: top;
overflow: hidden;
}
/* MA CSS */
:root {
--primary-color: #0b1b43;
--secondry-color: #a0851c;
}
.secondary-color {
color: var(--secondry-color);
}
.primary-color {
color: var(--primary-color);
}
/*.about .header-bg::after {*/
/*  content: "";*/
/*  background-image: url('../img/Group\ 3428.svg');*/
/*  background-size: cover;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  width: 1920px;*/
/*  background-repeat: no-repeat;*/
/*  top: 41%;*/
/*  height: 515px;*/
/*}*/
#about-sec2 {
padding: 200px 0 100px;
}
#about-sec2 h2 {
font-size: 48px;
font-family: "Rubik";
font-weight: 700;
margin-bottom: 25px;
}
#about-sec2 p {
font-size: 25px;
font-family: "Poppins";
line-height: 1.5;
margin-bottom: 40px;
max-width: 69%;
margin: 30px auto;
font-weight: 400;
}
#about-sec-3 .text-heavy {
font-family: "Rubik";
font-weight: 700;
font-size: 24px;
}
#about-sec-3 p {
max-width: 751px;
width: 100%;
margin-left: 10%;
font-size: 21px;
margin-bottom: 20px;
}
.get-stated-btn {
margin-left: 10%;
margin-top: 50px;
}
.get-stated-btn a {
background-color: #0b1b43;
color: #fff;
padding: 15px 30px;
font-size: 17px;
border-radius: 30px;
transition: all 1s;
text-transform: uppercase;
text-decoration: none;
font-family: 'Rubik';
}
.get-stated-btn a:hover {
transform: scale(1.1);
color:#fff;
}
.mb45 {
margin-bottom: 45px !important;
}
#about-sec4 .img-wrapper {
position: relative;
left: -160px;
}
#about-sec4 .img-wrapper {
position: relative;
left: 78px;
bottom: -6px;
}
.row-custom {
display: flex;
align-items: center;
margin-bottom: 60px;
}
.row-custom .svg-wrapper {
margin-right: 20px;
}
#about-sec4 .content h5 {
font-family: "Rubik";
font-size: 14px;
font-weight: 700;
margin-bottom: 4px;
}
#about-sec4 .content .content-body {
font-family: "Poppins";
font-size: 13px;
max-width: 69%;
}
#about-sec4 h2 {
max-width: 723px;
width: 100%;
font-family: "Rubik";
font-size: 37px;
margin-bottom: 54px;
font-weight: bold;
}
#about-sec4 .content-container {
padding-top: 30px;
position: relative;
left: -20%;
}
#about-sec4 {
padding-top: 239px;
background-image: url(../img/about-sec-4-bg.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
#about-sec4 .svg-wrapper::after {
display: none;
}
.footer ul{
padding-left: 0;
}
.footer ul a{
text-decoration: none;
}
.sticky{
position: fixed;
top: 0;
left: 0;
width: 100%
}
.how-it-works {
background: url(../img/how_its_work_bg.png);
background-size: 100%;
background-repeat: no-repeat;
}
.How_it_work_banner { padding-bottom: 220px;}

/* @media(max-width:375px){
.header-bg::after{top: 44%;}
.socialmedia {bottom: 53vh;}
} */
.fieldset-37{text-align:center;color:black;font-size:28px;}
.summary-image img{width:200px;}
.summary-text p{color:#a0851c;font-size:24px;font-weight:500;}
.order-summary{display:flex;border:2px solid;padding:35px;border-color:#a0851c;border-radius:10px;margin-top:50px;}
.last_text_image img{width:200px;}
.last_text_image p{color:#a0851c;font-size:24px;font-weight:500;}
.last_text_image{display:flex;align-items:center;}
.discount_text .cross-price{border:1px solid;color:red;font-size:20px;border-radius:20px;text-align:center;margin-right:20px;padding-left:15px;padding-right:15px;}
.discount_text p{color:#0B1B46;font-size:24px;font-weight:500;}
.discount_text{display:flex;position:relative;}
.last_longer{display:flex;align-items:center;justify-content:space-between;}
.last_longer{display:flex;border:2px solid;border-color:#a0851c;border-radius:10px;margin-top:25px;padding:0px 35px;}
.free_consult{display:flex;justify-content:space-between;}
.total_price p{font-size:18px;color:#8e8e8e;}
.free_consult h4{margin-bottom:10px !important;font-size:23px !important;}
.usps_shipping{display:flex;justify-content:space-between;}
.personalized_prescription{display:flex;justify-content:space-between;}
.discount{display:flex;justify-content:space-between;}
.total{display:flex;justify-content:space-between;}
.total_price h4{margin-top:10px !important;}
.total_price{border:2px solid;border-color:#a0851c;border-radius:10px;margin-top:25px;padding:30px 20px;margin-bottom:30px;}
.total p{font-size:26px;display:flex;align-items:center;color:#0b1b43 !important;font-weight:bold;}
.free_consult p{display:flex;align-items:center;font-size:24px;color:#0b1b43 !important;font-weight:bold;}
.usps_shipping p{display:flex;align-items:center;font-size:24px;color:#0b1b43 !important;font-weight:bold;}
.personalized_prescription p{display:flex;align-items:center;font-size:24px;color:#0b1b43 !important;font-weight:bold;}
.discount p{display:flex;align-items:center;font-size:24px;color:#0b1b43 !important;font-weight:bold;}
.black-text{color:black !important;}


/* ===== FIELD 38 CSS ===== */

.shipping-form h2 {
    font-size: 30px;
    margin-bottom: 70px;
    text-align: center !important;
}

.shipping_icons {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

.shipping_icons h4 {
    font-size: 20px;
    margin-top: 40px;
}

.shipment_icons {
    height: 100px;
    border: 1px solid;
    margin: 0 auto;
    width: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: lightgray;
}

.shipment_icons i {
    font-size: 35px;
    color: #0b1b43;
}

.shipping_icons h4 {
    margin-bottom: 30px;
    color: black;
    font-size: 18px;
    width: 260px;
}

.shipping-form p {
    color: black;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.fieldset_38_form {
    max-width: 75%;
    margin: 0 auto;
}

.fieldset_38_form select#inputState {
    margin-bottom: 20px;
    border-radius: 6px;
    border: 2px solid #a0851c;
    color: #a0851c;
    font-weight: 500;
    padding: 6px 28px 6px 18px;
    height: 45px;
    background: #fff;
}

.fieldset_38_form input {
    max-width: 100% !important;
}
.fieldset_38_form .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}
#msform h4 {
    font-size: 28px;}

.kidney-txt {
text-align: center !important;}

.form-card.Success_message input.next, .form-card.Success_message input.previous {
margin-top: 50px !important;
}

/*Azeem questionnaire form css */
.Payment.Final.Step p {color: #000;font-size: 22px;font-family: "Poppins";text-decoration: none;text-align: center;}
.esponser-card img{width: 7%;}
.esponser-card {text-align: center;}
.radio-from input {width: auto !important;}
.extra-text {width: 81%;}
.agree-checkbox {width: auto !important;margin-top: 5px !important;}
.agree-text-sect p {font-size: 14px !important;text-align: left !important;}
.agree-text-sect span{color: #a0851c !important;}
.card_lock i {position: absolute;right: 10px;top: 45px;color: #a0851c;}

.form_32tabs .tab-pane .radio { border: 3px solid #0b1b43; display: flex;  position: relative; align-items: center; border-radius: 12px; margin: 20px 0;}
.form_32tabs .tab-pane .radio .image {width: 30%;}
.form_32tabs .tab-pane .radio .detail { width: 60%; margin-left: 10%; position: relative;}
.form_32tabs .tab-pane .radio input[type="radio"] { position: absolute; width: 100% !important; height: 100%; opacity: 0; cursor: pointer; z-index: 9999;}
.form_32tabs .tab-pane .radio .image img { width: 200px;}
.form_32tabs .tab-pane .radio .detail h3 {  font-size: 20px; margin-bottom: 0;}
.form_32tabs .tab-pane .radio .detail a.btn { border: 1px solid #e2e2e2; background: #f4f4f44d;}
.form_32tabs .tab-pane .radio .detail p { color: black; padding-top: 12px; font-size: 13px;  text-align: left;}
.form_32tabs .tab-pane .radio .detail:before {content: '';background: transparent;display: block;height: 20px;width: 20px;position: absolute;left: -50px;top: 50px;border-radius: 50%;border: 3px solid gray;}
.form_32tabs .tab-pane .radio input[type="radio"]:checked+.detail::before { background: #a0851c;}
.form_32 p { color: black;text-align: center;font-size: 19px;}
.form_32 h5.label-text { text-align: center;}
.form_32 .form_32tabs ul.nav-pills { background: transparent !important; box-shadow: none !important;}
.form_32 .form_32tabs ul.nav-pills>li.nav-item a { background: transparent; color: #a0851c; font-size: 20px; font-weight: 500;}
.form_32 .form_32tabs ul.nav-pills>li.nav-item a.active { border-bottom: 4px solid #0b1b43;}
.subscription_form .label-text.first-name-txt { text-align: center;}
.subscription_form .description { text-align: center;}
.subscription_form .montly_supply { border: 3px solid #a0851c;  padding: 70px 30px  30px;  border-radius: 12px; position: relative; height: 370px;}
.subscription_form .montly_supply input[type="radio"] {  position: absolute;  width: 100% !important;  height: 100%;  top: 0; left: 0; opacity: 0; z-index: 999;}
.subscription_form .montly_supply .detail:before { content: '';  background: transparent; display: block;  height: 20px; width: 20px;  position: absolute; left: 0; top: -19%;  border-radius: 50%; border: 3px solid gray;}
.subscription_form .montly_supply .detail h3 { font-size: 30px; font-weight: 600; line-height: 1.5;}
.subscription_form .montly_supply .detail p { color: black;  font-size: 18px;}
.subscription_form .montly_supply .detail p.price { font-size: 21px;  color: #0b1b43;  font-weight: 600;}
.subscription_form .montly_supply .detail p.price>span.line_through { margin-left: 10px;  color: #d54a4a;  text-decoration: line-through;}
.subscription_form .montly_supply .detail .save_btn { text-align: right;}
.subscription_form .montly_supply .detail .save_btn>a.btn {  BACKGROUND: #a0851c; color: white;  padding: 5px; font-size: 11px;}
.subscription_form .montly_supply .detail { position: relative;}
.subscription_form .montly_supply input[type="radio"]:checked+.detail::before { background: #a0851c;}
#pills_sec .swiper-pagination { display: none;}
#pills_sec .swiper-pagination { width: 100%; margin: 4% 0;}
#pills_sec .swiper-pagination .swiper-pagination-bullet {width: 15px;height: 15px;background: white;margin: 0 1%;}

#medical_consult ul {padding-left: 10px;margin-bottom: 35px;}
#medical_consult p { text-align: left !important;}
#medical_consult ul>li {color: white;}
.pills-swiper .card { align-items: center;  height: 600px;}



/***************************** Responsive Media Q!uery Start *****************************/


@media (min-width: 1650px) {
    .lowCost-sec {padding-top: 100px;}
    .Header .doc-img {left: 252px;}

}

@media(max-width:1920px){
    .header-bg { height: 1100px;}
    .banner-bg .doc-img { bottom: -160px;}
}

@media(max-width:1800px){
    .header-bg { height: 1170px; }
}

@media (max-width: 1600px) {
    .header-bg { height: 830px; }
    .banner-bg h1 { font-size: 69px; }
    .banner-content { margin-top: 155px; margin-left: 10px; width: 100%; }
    .banner-content p:not(.para) { font-size: 21px; width: 70%; }
    .banner-bg .GetStarted-btn { margin-top: 0; margin-bottom: 28px; }
    .How_it_work_banner {padding-bottom: 290px;}
    .banner-bg.about .doc-img {bottom: -34vh !important; transform: scale(0.7) !important;}
    .banner-bg .doc-img { bottom: -253px; transform: scale(.7); right: -110px; }
    .banner-bg.our-medication .doc-img { bottom: -15vh; }
    .banner-bg.how-its-work-banner .doc-img { transform: scale(1); bottom: -210px; right: -139px; }
    .banner-bg.our-medication .doc-img, .banner-bg.contact .doc-img { transform: scale(1); bottom: -21vh; }
    .header-bg::after { width: 100%; top: 55%; height: 435px; }
    .header-bg::after { height: 470px; background-repeat: no-repeat; bottom: -10%; }
    .socialmedia { bottom: 18vh; }
    #about-sec-3 p { max-width: 720px; margin-left: 5%; }
    .get-stated-btn {margin-left: 5%;}
    #about-sec4 .img-wrapper { position: relative; left: -1%; transform: scale(0.8); bottom: -76px; }
    .how-it-works h2 { font-size: 23px; }
    .work-col img {bottom: -256px; }
    .card-img1,.card-img2,.card-img3 { height: 500px; }
    /*LowCost*/
    .lowCost-sec { margin-top: 120px; }
    .lowCost-sec .custom-card { height: 70vh; }
    .lowCost-sec .custom-card ul>li { font-size: 20px; }
    /*ED Meds*/
    .how_its_work_sec .custom_card { height: 498px; }
    .onlinShipped-sec .card-hover { height: 340px; }
    .how-it-row1 { padding-top: 11%;}
    /*Pills*/
    #pills_sec { padding-bottom: 32px; padding-top: 60px; }
    #pills_sec .pills-swiper { margin-top: 40px; }
    #erec-dys h2 { font-size: 46px; }
    /*Medication*/
    #medical_consult img { width: 100vh; right: 28vh; }
    .how_its_work_sec>.container, #pills_sec>.container, #medical_consult>.container, #vendor-sec-3>.container, .footer>.container { max-width: 75%; }
    .tablet-sec { padding: 200px 100px 0 100px; }
    .tablet-sec-two { padding: 200px 100px 80px 100px; }
    .tablet-sec .tablet-table:before{width: 418px; height: 836px;transform: scale(0.7);top: -356px;left: -407px;}
    .tablet-sec .tablet-table:hover:before  { transform: scale(0.8) !important; }
    /*about */
    #about-sec4 h2 { max-width: 80%; font-size: 30px; font-weight: bold; }
}

@media(max-width:1500px){
    .lowCost-sec .custom-card ul>li { font-size: 17px; }
}
/* Azeem Mobile Responsive */
@media(max-width: 1440px){
    .svg-pills svg {max-width: 100%;position: relative;top: -40px;}
    #vendor-sec-3>svg {position: absolute;top: -20px;max-width: 100%;}
    #medical_consult img { width: 500px; right: 115px; }
    .lowCost-sec .custom-card {height: 70vh;}
    .socialmedia { bottom: 12vh;  }
    .navbar-expand-lg .navbar-nav .nav-link { margin-right: 0;}
    #pills_sec { padding-bottom: 65px;}
    .pills-swiper .card { height: 600px; padding-top: 15px;}
    header .navbar-nav .nav-link.Login-btn { margin-left: 3vh;}

}

@media(max-width:1280px){
    header .navbar-nav .nav-link { font-size: 11px;}
    header .navbar-nav { align-items: baseline;}
    .banner-content { margin-top: 195px;}
    .socialmedia {bottom: 11vh;}
    .lowCost-sec .custom-card { padding: 40px 3vh;}
    .lowCost-sec h1 { max-width: 90%;}
    #vendor-sec-3>svg { top: -30px;}
    .banner-content p:not(.para) { width: 90%;}


    /*questionnaire*/
    .again_label {max-width: 60%;}
    #msform .action-button { width: 35%;}
    #msform .action-button-previous { width: 35%;}
    .form_32tabs .tab-pane .radio .image { width: 40%;}
    .form_32tabs .tab-pane .radio .detail { width: 50%; margin-left: 10%;}

    /*Dash Board*/
    .table>tbody>tr>td>a>button { width: 30%; margin: 0.5% 0.5%;}
}



@media(max-width:1100px){
    .form_32tabs .tab-pane .radio .image img { width: 160px;}
    .banner-bg h1 {font-size: 59px;}
}

@media(max-width: 1024px){
    .banner-bg h1 {font-size: 55px;}
    .banner-content p:not(.para) {font-size: 15px;}
    header .navbar-nav .nav-link:not(.btn){margin-left: -6%;}
    header .navbar-nav .nav-link {margin-right: 2px; font-size: 11px;}
    header .navbar-nav .nav-link.Login-btn { margin-left: 0vh; margin-right: 1vh; padding: 7px 15px; }
    .banner-bg .GetStarted-btn{margin-bottom: 12px;}
    .banner-bg .para{font-size: 18px;}
    .socialmedia {bottom: 93px;}
    .lowCost-sec .custom-card {  padding: 40px 6vh; }
    .lowCost-sec h1{font-size: 35px;}
    .lowCost-sec .title{font-size: 35px;}
    .lowCost-sec {margin-top: 150px;}
    .lowCost-sec .custom-card h2{font-size: 22.5px;}
    .lowCost-sec .custom-card ul>li {font-size: 15px;}
    .custom_card h3, .card_two h3, .card_three h3{font-size: 20px;}
    .pills-text {color: white;font-size: 16px;}
    .pills-swiper .card{max-width: 90%;}
    .svg-pills svg{top: -45px;}
    #erec-dys {padding-top: 0px;padding-bottom: 60px;}
    .erec-text{width: 80%}
    #medical_consult h2{font-size: 37px; margin-bottom: 20px;}
    #medical_consult img{width: 375px;right: 75px;}
    #vendor-sec-3>svg{top: -37px;}
    .banner-bg .doc-img { bottom: -313px;  }
    .how_its_work_sec .custom_card { padding: 20px; height: 400px;}
    .footer .subscribe-btn {  margin-top: 0;}
    .footer .footer-bottom { margin-top: 25px;}

    /*questionnaire*/
    .again_label, #msform .form-group input[type="email"], #msform .form-group input[type="text"] { max-width: 80%;}
    #msform .form-group input[type="email"], #msform .form-group input[type="text"] { max-width: 80%;}
    #msform .action-button { width: 45%;}
    #msform .action-button-previous { width: 45%;}
    .form_32tabs .tab-pane .radio .detail:before { left: -15%; top: 0;}
}

@media(max-width:992px){
    .onlinShipped-sec .col-lg-4 { flex: 0 0 60%; max-width: 60%; margin: 0 auto;}
    .onlinShipped-sec .col-md-1 { display: none;}
    .svg-pills svg { top: -55px;}
    .footer_logo img { margin-left: 0px; margin-top: 0;}
    .footer .footer-bottom .col-lg-6 { text-align: center;}
    .footer .footer-bottom .col-lg-6 .bottom-footer { float: none;}
    .navbar-toggler-icon i.fa.fa-bars { color: #031441 !important;}
    .socialmedia {  bottom: 85px; }
    .navbar-toggler{border: 2px solid #0b1b43 !important;}
    header .navbar-nav li.nav-item { width: 100%; text-align: center;}
    header .navbar-nav li.nav-item a.nav-link { margin: 1px auto; font-size: 17px;}
    header .navbar-nav li.nav-item:last-child, header .navbar-nav li.nav-item:nth-last-child(2) { max-width: 50%; margin: 5px auto;}
}

@media(max-width:980px){
    .banner-content p:not(.para) { width: 90%;}
    .banner-bg h1 {font-size: 48px;}
}

@media(max-width: 768px){
    .navbar-toggler{border: 2px solid #0b1b43 !important;}
    .banner-bg h1 {font-size: 40px;}
    .header-bg {  height: 994px; }
    .lowCost-sec h1{font-size: 25px;}
    .lowCost-sec .title{font-size: 25px;}
    .lowCost-sec .custom-card {height: auto;}
    .svg-pills svg{top: -58px;}
    #erec-dys h2 {font-size: 30px;}
    .erec-text p{font-size: 14px;}
    #medical_consult{padding-top: 60px;}
    #medical_consult h2{font-size: 32px;}
    #medical_consult .btn-consult{padding: 10px 25px; font-size: 14px;}
    #vendor-sec-3>svg {top: -53px;}
    #medical_consult img {width: 41vh;right: 6vh;bottom: -85px;}
    #vendor-sec-3{padding-top: 130px;}
    .cards_row .col-md-4 {display: flex;flex: 0 0 69%;max-width: 100%;margin: 0px auto;}
    .how_its_work_sec .row .col-md-8 {text-align: center;max-width: 100%;margin: 0 auto;}
    .cards_row .col-md-4:first-child {padding-top: 70px;}
    .socialmedia { bottom: 120px; }
    .banner-bg .doc-img { bottom: -362px; }
    .lowCost-sec { margin-top: 70px; }
    .onlinShipped-sec .alignment-cont .col-lg-4 { max-width: 100%;  flex: 0 0 100%; margin: 0;}
    .how_its_work_sec .row .col-md-8 { flex: 0 0 100%;}
    .how_its_work_sec .custom_card { position: unset;  margin-bottom: 40px;}
    .how_its_work_sec .cards_row>div:nth-child(3) .custom_card { margin-bottom: 0;}
    .pills-swiper .card {width: 100%;max-width: 80%;height: 730px;}

    .table>tbody>tr>td>a>button {width: 48%;margin: 0.5% 0.5%;}
}

@media(max-width:768px){
    .steps { left: -57px;}
    #msform fieldset { max-width: 100%;}
}

@media(max-width:767px){
    #medical_consult img{width: 45vh; right: -35vh; bottom: -15px;}
    .header-bg::after { bottom: -17vh; top: auto;}
    .socialmedia {  bottom: 30px; }
    .banner-bg .doc-img { bottom: -580px;  transform: scale(.7);  right: 0; top: auto;}
    .lowCost-sec {margin-top: 150px;}
    .footer_logo img {margin: 0 auto 30px;}
    .footer_logo {text-align: center;}
    .medical-img { margin: auto;}
    #medical_consult img { position: unset; width: 100%;}
    .bottom-footer {float: none;text-align: center;}
    .footer .footer-bottom { margin-top: 35px;}
    .footer .footer-bottom p { text-align: center;}


    .shipping_icons { flex-direction: column;}
    .shipping_icons .icon_text h4 { width: auto;}

    .steps { left: 10%;}
}

@media(max-width:748px){
    .svg-pills svg { display: none;}
    #erec-dys { padding-top: 60px;}
    #vendor-sec-3>svg {display: none;}
    .onlinShipped-sec .row { margin-bottom: 0px;}
    .onlinShipped-sec .row:last-child { margin-bottom: 40px;}
}

@media(max-width:700px){
    .pills-swiper .card {height: 680px;}
}

@media(max-width:650px){
    .pills-swiper .card {height: 630px;}
    .banner-bg .doc-img { bottom: -540px;}
    .table>tbody>tr>td>a>button {width: 100%;margin: 0.5% 0.5%;}

}

@media(max-width:570px){
    .banner-bg .doc-img { bottom: -496px; }
}

@media(max-width:500px){
    .banner-bg .doc-img { transform: scale(.9); }
    .cards_row .col-md-4 { flex: 0 0 100%;}
    .pills-swiper .card {max-width: 100%;}

    .yes-above-txt { margin: auto;}
    .form_32tabs .tab-pane .radio .image img {  width: 110px;   }
}

@media(max-width: 480px){
    .pills-swiper .card {height: 750px;}
    #medical_consult img{display: none;}
    #erec-dys img {max-width: 80%;}
    .cards_row .col-md-4 {display: flex;flex: 0 0 95%;max-width: 100%;margin: 0px auto;}
    /*.socialmedia {bottom: 18vh;}*/
    .header-bg::after {bottom: -17vh;  top: auto;}
    /*.lowCost-sec {margin-top: 100px;}*/
    .lowCost-sec h1 {font-size: 20px;max-width: 100%;}
    .lowCost-sec .title{font-size: 20px;}
    .lowCost-sec .custom-card h2 {font-size: 14.5px;}
    .lowCost-sec .custom-card {padding: 75px 20px;}
    .lowCost-sec .custom-card h2 {font-size: 13.5px;}
    .onlinShipped-sec h1{font-size: 17px;}
    .pills-swiper .card {width: 98%;}
    #medical_consult p {max-width: 100%;}
    .how_its_work_sec>.container, #pills_sec>.container, #medical_consult>.container, #vendor-sec-3>.container, .footer>.container {max-width: 100%;}
    #vendor-sec-3 { padding-top: 60px;}
    .svg-pills svg {top: -78px;}
    #erec-dys h2 {font-size: 24px;}
    #vendor-sec-3>svg {top: -75px;}
    #vendor-sec-3 h1 {font-size: 27px;}
    #accordion a {color: black;font-size: 14px;}
    #pills_sec .swiper-button-next{right: -37px;}
    #pills_sec .swiper-button-prev{left: -37px;}
    #medical_consult h2 {font-size: 25px;}
    .onlinShipped-sec .card-hover{text-align: center; padding-left: 0px !important;}
    .onlinShipped-sec p{max-width: 100%;}
    .how_its_work_sec{padding-bottom: 110px;}
    body .btn-getstarted{margin-top: 40px;}
    .footer{padding-top: 0px;}
    .footer_logo img {padding-bottom: 25px;}
    .onlinShipped-sec .card-hover{height: 340px;}
    .banner-bg .doc-img {bottom: -470px;}
    header .navbar-nav .nav-link.Login-btn{margin-bottom: 10px;}
    #pills_sec .swiper-pagination { display: block;}

    .steps {   left: 50%;  }
    #msform .custom-select { margin: 0 auto 20px;}
    .form-terms-and-condition { margin: 0 auto;}
    .agreement { margin: 15px auto;}
    .custom-control.custom-checkbox {margin: 0 auto;}
    .subscription_form .montly_supply { margin-bottom: 20px;}
    .total_price h4 {  text-align: left !important;}
    .total_price h4 {  text-align: left !important;}

}
@media(max-width:450px){
    .pills-swiper .card {height: 700px;}
    .banner-bg .doc-img { bottom: -435px; }
}

@media(max-width:400px){
    .navbar-brand>img { max-width: 80%; margin: 0;}
    a.navbar-brand { width: 70%;}
    .banner-bg .doc-img { bottom: -373px; }
    .pills-swiper .card {height: 650px;}

}

@media(max-width:320px){
    .banner-bg .doc-img{ bottom: -361px; }
}

/*@media(max-width:420px){.header-bg {height: 160vh;}*/
    /*.socialmedia {bottom: 28vh;}*/
/*}*/
/*@media(max-width: 392px){*/
    /*.banner-bg .doc-img {bottom: -62vh;transform: scale(.5);right: -15vh;}*/
/*}*/


/***************************** Responsive Media Q!uery End *****************************/